<template>
  <div>
    <el-container>
      <el-header>
        <label class="number-word">订单编号：</label>
        <span class="tableTitle" ></span>
      </el-header>
      <el-main>
        <el-row>
          <el-col :span="12"><div>
            <el-card class="box-card" shadow="hover">
              <div slot="header" class="clearfix">
                <span>客户信息</span>
              </div>
            </el-card>
          </div></el-col>
          <el-col :span="12"><div>
            <el-card class="box-card" shadow="hover">
              <div slot="header" class="clearfix">
                <span>供应商信息</span>
              </div>
            </el-card>
          </div></el-col>
        </el-row>
        <el-row>
          <el-card shadow="hover" class="box-card" >
            <div slot="header" class="clearfix">
              <span>订单信息</span>
            </div>
          </el-card>
        </el-row>
        <el-row>
          <el-card shadow="hover" class="box-card" >
            <div slot="header" class="clearfix">
              <span>发票信息</span>
            </div>
          </el-card>
        </el-row>
        <el-row>
          <el-card shadow="hover" class="box-card" >
            <div slot="header" class="clearfix">
              <span>订单明细</span>
            </div>
          </el-card>
        </el-row>
        <el-row>
          <el-card shadow="hover" class="box-card" >
            <div slot="header" class="clearfix">
              <span>订单配送</span>
            </div>
          </el-card>
        </el-row>
      </el-main>
      <el-footer>
        <el-col :span="4" :offset="20"><el-button type="primary" @click="">同步该订单</el-button></el-col>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
    export default {
        name: "cloudydetail"
    }
</script>

<style scoped>
  .box-card {
    margin:20px 20px 20px 20px;
  }
  .number-word {
    font-size: 30px;
    line-height:50px;
    margin-left: -1300px;
  }
  .tableTitle {
    position: relative;
    margin: 0 auto;
    width: 600px;
    height: 1px;
    background-color: #d4d4d4;
    color: rgb(0, 0, 0);
  }
</style>
